<!DOCTYPE html>
<%@page contentType="text/html; charset=UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<html>
<head>
<%@include file="headScript.jsp"%>
<script>   
function warningPopUp() {
	$('#warningModal').modal();
}

function confirmPopUp() {
	$('#confirmSaveModal').modal();
}

function detailPopUp() {
	$('#popUpDetail').modal();
}

function errorPopUp() {
	$('#errorModal').modal();
}

function savePopUp() {
	$('#saveModal').modal();
}

function showPCPopUp() {
	$('#showPC').modal();
}
</script>
</head>
<body>
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					
		<li class="info">
			<div class="clearfix">
				<div><strong>ยินดีต้อนรับ</strong></div>
				<div><i class="fa fa-user"></i> Admin </div>
				<div class="mt-10"><strong>คุณเข้าระบบครั้งล่าสุดเมื่อ</strong></div>
				<div class="mb-10"><i class="fa fa-clock-o"></i> 13 / 01 / 2558 14:00:00</div>
			</div>
		</li>

		<li><a href="javascript:void()"><i class="fa fa-sign-out"></i> ออกจากระบบ </a></li>
				</ul>
			</div>
			<!-- End Side Menu -->

			<div class="col-sm-12 col-xs-12" id="right-side">
				<div id="navigator-bar">
					<i class="fa fa-home"></i> หน้าหลัก <i class="fa fa-angle-right ml-5 mr-5"></i>
				</div>
				<!--End navigator-bar-->			

				<!-- Start detail-area -->				
				<div class="form-list clearfix" style="margin-top:-30px; margin-bottom:-75px;">
					<div class="search-box no-radius">
						<!-- header -->
					  	<!-- BOX-BODY -->
					  	<button type="button" class="btn btn-primary" onclick="warningPopUp();"> แจ้งเตือน </button>
					  	<button type="submit" class="btn btn-primary" onclick="confirmPopUp();"> ยืนยัน </button>
				 		<button type="submit" class="btn btn-primary" onclick="detailPopUp();"> แสดงข้อมูล </button>
				 		<button type="submit" class="btn btn-primary" onclick="savePopUp();"> สำเร็จ </button>
				 		<button type="submit" class="btn btn-primary" onclick="errorPopUp();"> ผิดพลาด </button>
				 		<button type="submit" class="btn btn-primary" onclick="showPCPopUp();"> แสดงPC </button>
					 	<!-- END BOX-BODY -->
					</div>
				</div>
				
				
				<!-- ### Modal Popup ### -->
				<div class="modal fade" id="warningModal" tabindex="-1" role="dialog" aria-labelledby="warningModal" aria-hidden="true">
				  	  <div class="modal-dialog">
				        <div class="modal-content">
				            <div class="modal-header">
				            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				            <h4 class="modal-title">กรุณากรอกข้อมูลให้ถูกต้อง</h4>
				            </div>
				            <div class="modal-body">
				            	<span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>
				            	<span id="modal_content"> กรุณากรอกเงื่อนไขในการค้นหาให้ถูกต้อง </span>
				            </div>
				            <div class="modal-footer">
				                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>    
				        	</div>
				    	</div>
				  	</div>
				</div>
				<div class="modal fade" id="errorModal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
				    <div class="modal-dialog">
				        <div class="modal-content">
				            <div class="modal-header">
				            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				            <h4 class="modal-title">ผิดพลาด</h4>
				            </div>
				            <div class="modal-body">
				            	<span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>
				            	<span id="modal_content_errorModal"></span>
				            </div>
				            <div class="modal-footer">
				                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
				        	</div>
				    	</div>
				  	</div>
				</div>
				<div class="modal fade" id="confirmSaveModal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
				    <div class="modal-dialog">
				        <div class="modal-content">
				            <div class="modal-header">
				            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				            <h4 class="modal-title">ยืนยันการบันทึกข้อมูลกำหนดวันที่ของระบบ</h4>
				            </div>
				            <div class="modal-body">
				            	<span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>
				            	<span id="modal_content_confirmSaveModal"></span>
				            </div>
				            <div class="modal-footer">
				                <button onclick="SaveCommand()" type="button"  class="btn btn-primary"><i class="fa fa-floppy-o"></i> ยืนยัน</button>
				                <button onclick="cancel()"  type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-floppy-remove"></i> ยกเลิก</button>
				        	</div>
				    	</div>
				  	</div>
				</div>
				<div class="modal fade" id="saveModal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
				    <div class="modal-dialog">
				        <div class="modal-content">
				            <div class="modal-header">
				            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				            <h4 class="modal-title">คำนวณข้อมูลรางวัลการชักชวน </h4>
				            </div>
				            <div class="modal-body">
				            	<p><span class="fa-stack fa-lg mr-10" style="color:#0C0"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span>คำนวณข้อมูลรางวัลการชักชวนเรียบร้อยแล้ว</p>
				            </div>
				            <div class="modal-footer">
				                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
				        	</div>
				    	</div>
				  	</div>
				</div>
				
				<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="popUpDetail">
  					<div class="modal-dialog modal-lg">
    					<div class="modal-content">
      						<div class="modal-header">
        						<h4 class="modal-title" id="exampleModalLabel"> รายละเอียดหัวข้อ </h4>
				      		</div>
				      		<div class="modal-body">
				      			เนื้อหา
				      		</div>
							<div class="modal-footer">
								<button type="submit" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> ปิดรายละเอียด </button>
							</div>
    					</div>
  					</div>
				</div>
				<div class="modal fade" id="saveModal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
				    <div class="modal-dialog">
				        <div class="modal-content">
				            <div class="modal-header">
				            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				            <h4 class="modal-title">คำนวณข้อมูลรางวัลการชักชวน </h4>
				            </div>
				            <div class="modal-body">
				            	<p><span class="fa-stack fa-lg mr-10" style="color:#0C0"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span>คำนวณข้อมูลรางวัลการชักชวนเรียบร้อยแล้ว</p>
				            </div>
				            <div class="modal-footer">
				                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
				        	</div>
				    	</div>
				  	</div>
				</div>
				
				<div class="modal fade" id="showPC" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
				    <div class="modal-dialog" style="width:900px">
				        <div class="modal-content">
				            <div class="modal-header">
				            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				            <h4 class="modal-title">รายละเอียด Commission </h4>
				            </div>
				            <div class="modal-body">					
								<table id="raDataDetailTable" class="stripe hover cell-border" cellspacing="0" width="100%" align="center">
							        <thead>
							        	<tr style="background-color: #132167; color:white; font-size: 0.9em; ">
											<th style="border-right: 1px solid #999; text-align: center;">ลำดับ</th>
											<th style="border-right: 1px solid #999; text-align: center;">CLOS_YM</th>
											<th style="border-right: 1px solid #999; text-align: center;">PE_NO_COL</th>
											<th style="border-right: 1px solid #999; text-align: center;">PO_NO</th>
											<th style="border-right: 1px solid #999; text-align: center;">FYP-C</th>
											<th style="border-right: 1px solid #999; text-align: center;">2<sup>nd</sup> RYP-C</th>
											<th style="border-right: 1px solid #999; text-align: center;">PC</th>
							            </tr>
							        </thead> 				
							    </table>
				            </div>
				            <div class="modal-footer">
				                <button type="submit" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> ปิดรายละเอียด </button>
				        	</div>
				    	</div>
				  	</div>
				</div>
				<!-- ### END Modal Popup ### -->

				
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2558 โดยบริษัท ไทยซัมซุง ประกันชีวิต จำกัด (มหาชน)</div>
		</div>
	</div>
</div>
</body>
</html>